<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ page isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!doctype html>
<html lang="zh-CN">
<head>
<meta content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" name="viewport" />
<meta charset="utf-8">
<title>感恩遇到你</title>
<style type="text/css">
*{
	margin:0;
	padding:0;
}

.contain{
	position:relative;
}

.contain img{
	box-sizing: border-box;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border: 0;
}
.btn_replay{
	position:absolute;
	width:100%;
	top:90%;
	text-align: center;
	margin-top: 5%;
}
.mask{
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    display: none;
}
.gzh_ewm{
    position: fixed;
    left: 5%;
    top: 40%;
    width: 84%;
    padding: 3%;
    z-index: 2;
    display: none;
}
</style>
</head>
<body>
<div class="contain">
	<img src="http://laicunba.b0.upaiyun.com/lcb/activity/replay_user.jpg" width="100%" />
	<div class="btn_replay">
		 <img src="img/btn_replay.png" width="75%" />
	</div>
	<!-- - 二维码弹出框 - -->
	<div class="mask"></div>
	<div class="gzh_ewm">
		<c:choose>
	     <c:when test="${param.device==null||param.device=='' }">
	           <img src="img/gzh_ewm_h5.png">
	     </c:when>
	     <c:otherwise>  <!-- - 在app中打开条件- -->
	     	   <img src="img/gzh_ewm_app.png">
	     </c:otherwise>
	    </c:choose>
	</div>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script>
    var ewmWidth = $(".gzh_ewm").width()*(90/80);
    console.log(ewmWidth);
    $(".gzh_ewm").height(ewmWidth);
    $(".gzh_ewm").css({
    	height: ewmWidth,
    	lineHeight: ewmWidth + "px",
   	    marginTop: "-" + ewmWidth/2 + "px",
   	});
    $(".btn_replay").click(function(){
    	$(".gzh_ewm,.mask").show();
    });
    $(".mask").click(function(){
    	$(".gzh_ewm,.mask").hide();
    });
</script>
</body>
</html>